/*
 Theme Name:   Skrumble Network Homepage Website
 Theme URI:    skrumble.network
 Description:  Divi Child theme for SKN
 Author:       Skrumblina MF DOG
 Author URI:   https://skrumble.network
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  Divi Child
*/

@font-face {
    font-family: 'kroftsmannregular';
    src: url('fonts/kroftsmann-webfont.woff') format('woff2'),
         url('fonts/kroftsmann-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* ==============================
    GLOBAL
  ============================== */
:root {
  --red: #fe1017;
  --skblue: #2196f3;
}

body {
  font-family: 'Roboto', Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #212121;
}


/* ==============================
    LANGUAGES
============================== */
html[lang="zh-hans"] body,
html[lang="zh-hans"] h1,
html[lang="zh-hans"] h2,
html[lang="zh-hans"] h3,
html[lang="zh-hans"] h4,
html[lang="zh-hans"] h5,
html[lang="zh-hans"] h6,
html[lang="zh-hans"] input,
html[lang="zh-hans"] textarea,
html[lang="zh-hans"] select,
html[lang="zh-hans"] textarea {
    font-family: "Source Han Sans Simplified Chinese","Open Sans", Arial,sans-serif !important;
    /*line-height: 1.5;*/
}
html[lang="en-US"] .roadmap-item,
html[lang="en-US"] .grid-sk-features p,
html[lang="en-US"] .grid-features > div p {
  font-family: 'Roboto Mono', 'Roboto', serif;
}

html[lang="ja"] body,
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] p,
html[lang="ko-KR"] body,
html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] p,
html[lang="zh-hans"] body,
html[lang="zh-hans"] h1,
html[lang="zh-hans"] h2,
html[lang="zh-hans"] p {
  line-height: 1.7 !important;
}

html[lang="ru-RU"] h1 {
  font-size: 42px !important;
}

.ethaddr {
  background-color: #ecf2f5;
  border: 1px solid rgba(0,0,0,0.5);
  padding: 16px;
}
/* ==============================
    TYPE
============================== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Mono', 'Roboto', serif;
  font-weight: 900;
  line-height: 1.2;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
  line-height: 1.3;
}

h6 {
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 800;
  text-transform: uppercase;
}

p {
  line-height: 1.4;
  color: #7e7e7e;
}

ul li {
  color: #7a7a7a;
}

@media only screen and (max-width: 1050px) {
  h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 981px) {
  h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 22px;
  }
  p {
    font-size: 1
  }
}

.ta--center {
  text-align: center;
}

.fs--12 {
  font-size: 12px;
}





/* ==============================
    OBJECTS
  ============================== */
input {
  font-size: 16px;
  padding: .5em !important;
  margin-top: 8px !important;
}

.column-half {
  width: 50%;
  display: inline;
}

.features-text {
  padding-left: 55px;
}
.features-shape {
  background-color: red;
  display: inline;
  position: absolute;
  left: -10px;
}

/* ==============================
    COLOR
============================== */


/* ==============================
    BORDER
  ============================== */
.border-bot {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding-bottom: 81px !important;
}
.form-border-bot {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  padding-bottom: 50px;
  padding-top: 24px;
}
/* ==============================
    WIDTH & Height
  ============================== */
.mw--750 {
  max-width: 750px;
}
.mw--630 {
  max-width: 630px;
}
.mw--500 {
  max-width: 500px;
}
.mh--35 {
  max-height: 35px;
}
.mh--560 {
  max-height: 560px;
}
/* ==============================
    PADDING
  ============================== */
 .p--none {
    padding: 0;
  }
.p-t--none {
  padding-top: none !important;
}

.p-b--none {
  padding-bottom: 0 !important;
}

.p-b--100 {
  padding-bottom: 100px !important;
}
.p-tb--20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-tb--100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.p-tb--150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

@media only screen and (max-width: 768px) {
  .p-tb--100 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
/* ==============================
    MARGIN
  ============================== */
.m--c {
  margin-left: auto;
  margin-right: auto;
}
.m-tb--20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m-t--280 {
  margin-top: 280px;
}

.m-b--0 {
  margin-bottom: 0;
}

.inlineblock {
  display: inline-block;
}

/* ==============================
    FLEXBOX
  ============================== */
.fb {
  display: flex;
}
.fb-ai--c {
  align-items: center;
}
.fb-fd--r {
  flex-direction: row;
}
.fb-ai--fe {
  align-items: flex-end;
}
.flex {
	display: flex;
}
.flex--row {
	flex-direction: row;
}

.flex-ai--center {
	align-items: center;
}
@media (max-width: 768px) {
  .sm-dvc-fd--c {
    flex-direction: column;
  }
}

/* ==============================================
              ANIMATIONS
============================================== */
.pulse {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(30,136,229, 0.4);
  animation: pulse 3s infinite;
}

.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(30,136,229, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(30,136,229, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(30,136,229, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(30,136,229, 0.4);
    box-shadow: 0 0 0 0 rgba(30,136,229, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(30,136,229, 0);
      box-shadow: 0 0 0 10px rgba(30,136,229, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(30,136,229, 0);
      box-shadow: 0 0 0 0 rgba(30,136,229, 0);
  }
}
.float {
  animation: float 250ms infinite;
  animation-direction: alternate;
}

@keyframes float {
  0% {
    top: 0;
  }
  100% {
      top:25px;
  }
}

.scrollDown {
  animation: scrollDown 1000ms infinite;
  animation-direction: alternate;
}

@keyframes scrollDown {
  0% {
    top: 28px;
  }
  100% {
      top:35px;
  }
}



/* ==============================================
              PRESS 2018
============================================== */
.nooz-list li {
    list-style: none;
}
.nooz-group-title {
    display: none;
}

.nooz-list {
    display: grid;
    grid-gap: 1rem;
    padding: 0 !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.nooz-release {
    grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
}

.nooz-coverage li,
.nooz-release li {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 2rem;
    display: grid;
}

.nooz-coverage {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));;
}
.nooz-coverage li img {
    max-width: 110px !important;
}
.nooz-coverage li .nooz-source {
    display: none;
}
.nooz-list .nooz-datetime {
    font-size: 12px;
    text-transform: uppercase;
}
.nooz-coverage .nooz-link a,
.nooz-list .nooz-link a {
    font-size: 24px;
    color: rgba(0,0,0,0.6);
    font-weight: bold;
}
.nooz-coverage .nooz-link a {
    font-size: 18px;
}
.nooz-list .nooz-link a:hover {
    color: rgba(0,0,0,0.87);
    transition: color 150ms ease-in;
}
.nooz-list .nooz-more-link {
    font-size: 14px;
    font-weight: bold;
}
/* PRESS MENU */
.press-menu {
    border-right: 0;
}
.press-menu .widget_advanced_menu{
    background-color: #edf0f5;
    padding: 2rem;
}

.press-menu .widgettitle {
    margin: 0;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.press-menu .et_pb_widget ul li a {
    color: rgba(0, 0, 0, .5);
    transition: color 150ms ease-in;
}
.press-menu .et_pb_widget ul li a:hover {
    color: rgba(0, 0, 0, .75);
}

.press-menu .et_pb_widget ul li.current_page_item a {
    color: #2196f3;
    font-weight: 600;
}

.brand-resources > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
}

.brand-resources .brand-title {
    grid-column: span 2;
}

.brand-resources .brand-assets,
.brand-resources .brand-guidelines {
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 !important;
}

.brand-resources .brand-assets img,
.brand-resources .brand-guidelines img {
    width: 100%;
}
.brand-resources .brand-assets a,
.brand-resources .brand-guidelines a {
    padding: 2rem;
    display: block;
}
/* ==============================================
              OVERRIDES
============================================== */
.mobile_menu_bar:before {
  color: black;
}
.et_mobile_menu {
  border-top: 3px solid var(--red);
}
/* a {
  color: #ae1212;
} */

.faq strong em {
  color: black;
  font-style: normal;
}
.faq .et_pb_module  {
  animation-duration: 1s;
}
.faq .et_pb_toggle_close {
  background-color: rgba(237, 241, 245, .5);
  border: 1px solid rgba(255, 0, 0, 0.05);
}
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 8px;
  }
}
/* ==============================================
              BTNS
============================================== */
/* Outline Anchor Btns */
/*.anchorBtn a{
    border: 1px solid black;
    color: black;
    padding: 10px 12px;
    display: inline-block;
    font-size: .875rem;
    margin-right: 8px;
    margin-bottom: 8px;
}
.anchorBtn a:hover{
  opacity: .5;
}*/

/************** DEFAULT **************/
.anchorBtn a,
.et_pb_button,
.sk-btn,
.sk-openapi a,
.sk-product-info a {
    font-family: 'Roboto', Helvetica, sans-serif;
    background-color: black;
    border-radius: 1px;
    padding: .75rem 1.375rem;
    color: white !important;
    border: none;
    font-weight: 900;
    font-size: .75rem ;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transition: opacity 175ms ease-in-out;

    display: inline-block;
    margin-bottom: 8px;
}

.et_pb_button:after,
.et_pb_button:hover:after,
.sk-btn:after,
.sk-btn:hover:after {
    content: '' !important;
}
.et_pb_button:hover,
.sk-btn:hover {
    background-color: black !important;
    padding: .75rem 1.375rem !important;
    border: none !important;
    opacity: .5;
}
.inline-btn-group div {
    display: inline-block;
    display: flex;
    justify-content: center;
    margin-bottom: 0 !important;
    margin-right: 32px;
    align-items: center;
    flex-wrap: wrap;
}

/************** OUTLINE **************/
.sk-btn--outline {
    color: black !important;
    border: 1px solid black;
    background-color: transparent;
}
.sk-btn--outline:hover {
  background-color: transparent !important;
  border: 1px solid black !important;
}


.big-btn {
    margin-top: 24px;
    font-size: 18px;
}
/* ==============================
    COLOUR
  ============================== */
.skCoin-red, {
  color: #fe1017 !important ;
}
.sk-blue:hover,
.sk-blue {
  background-color: #2196f3 !important;
}
.sk-org:hover,
.sk-org {
  background-color: #f6a365 !important;
}
.sk-red:hover,
.sk-red {
  background-color: #b21217 !important;
}
.sk-purp:hover,
.sk-purp {
  background-color: #50578f !important;
}

/************** COLOURS **************/
.sk-btn--black {
  background-color: black;
}
.sk-btn--black:hover {
  background-color: black;
}

.sk-btn--red {
  background-color: var(--red);
}
.sk-btn--red:hover {
  background-color: var(--red) !important;
}
.color--red {
  color: var(--red);
}

/* ==============================================
=================================================
    Skrumble Homepage Styles
=================================================
============================================== */

/* .nav li ul {
  width: 300px;
} */
.home #main-header{
    /*background-color: transparent;*/

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
 #main-header #top-menu .getskm a {
  background-color: none;
  opacity: 1;
  color: var(--red);
  border-bottom: 1px solid var(--red);
  padding-bottom: 8px;
  transition: padding .12s ease-in-out;
}
#main-header #top-menu .getskm a:hover {
  padding-bottom: 16px;
}
#main-header,
#main-header.et-fixed-header,
.home #main-header.et-fixed-header{
    /*background-color: #edf1f5;*/
    background-color: #dee9ee;

}

/*.home #main-content {
    position: relative;
    top: -82px;
}*/
#main-header #et-top-navigation a {
  color: black;
  opacity: 0.5;
  font-family: "Roboto Mono", "Roboto", Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
#main-header #et-top-navigation .sub-menu a {
  color: black !important;
  font-weight: normal !important;
  padding: 8px 0;
}


#main-header #et-top-navigation a:hover {
  opacity: 1;
}

.home.et_fixed_nav.et_show_nav #page-container,
#page-container {
    padding-top: 0 !important;
}

#main-header {
    position: initial !important;
}

.et_mobile_menu li a {
  color: #212121 !important;
}
.mobile_menu_bar:before {
  color: black !important;
}
/* *********************************************/
/* ************** SECTION 1: INTRO *************/
/* *********************************************/
.intro {
  background-image: url('../../uploads/2018/02/SKN_product1-3.png'), url('../../uploads/2018/02/ParticleBG2.png');
  background-size: 635px, cover;
  background-position: 85%, top left;
  padding-top: 200px !important;
  margin-top: -82px;
}
.intro .et_pb_button_module_wrapper {
  display: inline-block;
  margin-right: 16px;
}
.intro.candydrop {
  background-image: url('../../uploads/2018/02/ParticleBG2.png');
  background-size: cover;
  background-position: top left;
}

.contactlinks img {
  max-width: 40px;
  margin-right: 10px;
}
.contactlinks img:hover {
  opacity: .5;
}

.contactlinks h6 {
    font-size: 12px;
    margin-bottom: 8px;
}
.contactlinks a {
    color: #00d10d;
    border: 1px solid #00d10d;
    background: transparent;
    padding: .75rem 1.375rem;
    font-size: .75rem;
    text-transform: uppercase;
    /* display: inline-block; */
    font-weight: 600;
}

.contactlinks a:before {
    content: url(../../uploads/2018/03/logo-wechat.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    padding-right: 2px;
    position: relative;
    top: 4px;
    left: -4px;
}
.contactlinks a:hover {
  opacity: .8;
  transition: opacity .2s ease-in;
}
.contactlinks p a:first-child {
    color: #2ba5e0;
    border: 1px solid #2ba5e0;
    background: transparent;
    margin-right: 8px;
}

.contactlinks p a:first-child:before {
    content: url(../../uploads/2018/03/logo-telegram.svg);
}
.contactlinks p {
    display: inline-block;
}

.tradableText {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.875rem;
    opacity: 1;
    margin: 0;
    padding: 0;
    top: 32px;
    position: relative;
}


/* @media screen and (min-width: 1350px) {
  .intro {
    background-position: 80% center, top left;
  }
} */
@media only screen and (min-width: 981px) {
  .intro {
    background-position: calc(50% + 200px) 80%, top left
  }
}
@media only screen and (max-width: 981px) {
  .intro {
    min-height: 750px;
    background-position: calc(50% + 50px) bottom, top left;
    background-size: 600px, cover;
    padding-top: 100px !important;
  }
  .intro div div:first-child {
    max-width: 400px;
  }

}
@media only screen and (max-width: 600px) {
  .intro {
    min-height: 770px;
    background-position: 50% bottom, top left;
    background-size: 500px, cover;
  }
}
@media only screen and (max-width: 476px) {
  .intro {
    min-height: 735px;
    background-position: 50% bottom, top left;
    background-size: 400px, cover;
    padding-top: 50px !important;

  }
}

/* *********************************************/
/* ************** SECTION 1: NEW INTRO? ? ******/
/* *********************************************/
.circle_container {
    position: relative;
    top: 100px;
    padding-top: 200px;
}
@media only screen and (min-width: 1350px) {
  .circle_container {
      padding-top: 200px !important;
  }
}

.skCircle {
    border: 3px solid white;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 300px;
    width: 300px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.circle1 {
    height:260px;
    width: 260px;
}
.circle2 {
    height:300px;
    width: 300px;
}
.circle3 {
    height:400px;
    width: 400px;
}
.circle4 {
    height:500px;
    width: 500px;
}
.circle5 {
    height:540px;
    width: 540px;
}

.skCircleGroup {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 590px;
  /*height: 590px;*/
  margin-left: auto;
  margin-right: auto;
  transform-origin: center;
}

.skCircleItem {
  width: 3rem;
  height: 3rem;
  background-color: #2196f3;
  border-radius: 50%;
}
.skCircleGroup:nth-child(3) {
    width: 310px;
    /*height: 310px;*/
}

.skCircleGroup:nth-child(2) {
    width: 450px;
    /*height: 450px;*/
}



.skCircleGroup:nth-child(1) .skCircleItem,
.skCircleGroup:nth-child(1) {
  animation: rotateAnim 50s infinite linear;
  /*transform: rotate(75deg)!important;*/
}
.skCircleGroup:nth-child(2) .skCircleItem,
.skCircleGroup:nth-child(2) {
  animation-duration: 40s;
  animation: rotateAnim 50s infinite linear;
  animation-direction: reverse;
  /*transform: rotate(160deg)!important;*/

}

.skCircleGroup:nth-child(3) .skCircleItem,
.skCircleGroup:nth-child(3) {
  animation: rotateAnim 30s infinite linear;
  /*transform: rotate(25deg)!important;*/

}


@keyframes rotateAnim{
	0% {
		-webkit-transform:rotate(0deg);
		transform: rotate(0deg)
	} to {
		-webkit-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}
.skm-icon-container {
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  position: relative;
  top: -100px;
  background-color: transparent;
  padding: 0 !important;
}
@media only screen and (min-width: 980px) and (max-width: 1350px){
  .skm-icon-container {
      top: -60px;
  }
}
.skm-icon {
  background-color: white;
  padding: 32px;
  border-radius: 50%;
  max-height: 140px;
  text-align: center;
  box-shadow: 0px 10px 20px rgba(33, 150, 243, .25);
}

.skm-icon img {
  max-width: 90%;
}

@media (max-width: 800px) {
    .sk_icons {
        display:none !important;
    }
    .circle_container {
        padding-top: 0 !important;
        opacity: .25 !important;
    }
}

/*@media only screen and (max-width: 768px) {
  .skCircleGroup:nth-child(1) .skCircleItem,
  .skCircleGroup:nth-child(1) {
      animation: initial !important;
  }

  .skCircleGroup:nth-child(1) {
    transform: rotate(75deg)!important;
  }
  .skCircleGroup:nth-child(2) {
    transform: rotate(160deg)!important;
  }

  .skCircleGroup:nth-child(3) {
    transform: rotate(25deg)!important;
  }

}

@media only screen and (max-width: 768px) {
  .skCircleGroup {
    background-color: red !important;
  }
}*/






/* *********************************************/
/* ************* SECTION 2: FEATURES ***********/
/* *********************************************/
.useCase img,
.main-image img{
  box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

.grid-features > div{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}


.grid-sk-features p,
.grid-features > div p {
  font-size: 13px;
  /*font-family: 'Roboto Mono', 'Roboto', serif;*/
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  opacity: .75;
}
.grid-sk-features img,
.grid-features img {
  max-width: 55px;
  max-height: 55px;
  display: block;
}

.grid-features p {
  opacity: 1;
}



@media screen and (max-width: 1200px) {
  .grid-features > div {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .grid-features {
    padding-top: 0;
  }

}

@media only screen and (max-width: 768px) {
  .grid-features > div {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 500px) {
  .grid-features > div {
    grid-template-columns: 1fr 1fr;
  }

}

.benefits-item h6 {
  color: var(--red);
}

/* *********************************************/
/* **********SECTION 3: SKM DELIVERS ***********/
/* *********************************************/
.ourTeam a,
.skmDelivers a {
  color: var(--red);
  font-size: 12px;
  border-bottom: 1px solid;
}
.grid-sk-features > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (min-width: 1950px) {
  .skmDelivers {
    background-image: url('https://skrumble.network/wp-content/uploads/2018/02/SkrumblePlatformFull.png');
    background-size: 630px;
    background-position: 82% center;
  }
}
@media screen and (max-width: 1950px) {
  .skmDelivers {
    background-image: url('https://skrumble.network/wp-content/uploads/2018/02/SkrumblePlatform-1.png');
    background-size: 500px;
    background-position: right center;
  }
}
@media only screen and (max-width: 1230px) {
  .skmDelivers {
    background-position: 120% center;
  }
}

@media only screen and (max-width: 981px) {
  .skmDelivers {
    background-image: none;
  }

  .ourAdvisors .et_pb_row,
  .ourTeam .et_pb_row {
      padding-bottom: 0;
      padding-top: 0;
  }
  .ourAdvisors {
      padding-bottom: 40px !important;
  }
}

.ourAdvisors em {
    color: #a93933;
    font-weight: 700;
     font-style: normal;
}
@media only screen and (max-width: 500px) {
 .grid-sk-features > div {
  grid-template-columns: 1fr 1fr 1fr;
}
}

.threeComponents img {
  max-width: 200px;
}

/* *********************************************/
/* **************SECTION 4: UseCases ***********/
/* *********************************************/
.useCase {
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media only screen and (max-width: 981px) {
  .useCase p{
    font-size: 14px;
  }
  .useCase {
    flex-direction: column;
  }
  .useCase:nth-child(3) {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 768px) {

}
/* *********************************************/
/* **************SECTION 5: Team ***********/
/* *********************************************/
/* .ourTeam div,
.ourTeam {
  overflow: hidden;
}

.m-left25 {
  margin-left: 22%;
} */

.teamMember strong {
  font-family: "Roboto Mono", "Roboto", Helvetica, sans-serif;
  font-weight: 700;
  color: black;
}
.teamMember p {
  opacity: 1;
  color: rgba(0,0,0,0.5);
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
}

/* @media only screen and (max-width: 981px) {
.m-left25 {
  margin-left: auto;
}
}
 */
/* *********************************************/
/* **************     ROADMAP      *************/
/* *********************************************/
.overflow-h,
.roadmap {
  overflow: hidden;
}
.timeline:before {
  content: '';
   border: 1px solid black !important;
  height:  105%;
  position: absolute;
  margin-left:50%;
  transform: translate(-50%);
  margin-top: 40px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-image:
      -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image:
      -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image:
      -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 1 100%;

}
/*.roadmap-date,
.roadmap-item {
  margin-top: 16px;
}*/
.roadmap-date {
  color: white;
  background-color: black;
  display: inline-block;
  padding: 6px 14px;
  font-size: 14px;
  /*font-family: 'Roboto Mono', 'Roboto', serif;*/
  margin-left:50%;
  margin-top: 24px !important;
  transform: translate(-50%);
}

.roadmap-item {
  /*font-family: 'Roboto Mono', 'Roboto', serif;*/
  font-size: 1rem;
  width: 50%;
  border-bottom:1px solid black;
  padding-bottom: 12px !important;
  padding-top: 12px;
  transition: background-color .250s ease-in-out;
  position: relative;

  color: black;

}
.roadmap-item:hover {
  background-color: rgba(0,0,0,0.05);
}

.roadmap-completed {
  color: black;
  font-weight: bold;
}

.roadmap-item.item-right {
  margin-left: 50%;
}

.roadmap-item.item-right:before,
.roadmap-item.item-left:after {
  content: '●';
  color: black;
}
.roadmap-item.item-right:before {
  margin-right: 16px;
  margin-left: -5px;
  bottom: -22px;
  position: relative;

}
.roadmap-item.item-left:after {
  position: absolute;
  right: -4px;
  bottom: -11px;
}


@media only screen and (max-width: 768px) {
  .timeline:before {
    margin-left: 0;
    transform: translate(0);
    height: 105%;
    margin-top: 0;

  }
  .roadmap-date {
    margin-left: 0;

  }
  .roadmap-item {
    width: 100%;
  }
  .roadmap-item.item-right {
    margin-left: 0;
  }
  .roadmap-item.item-left {
    padding-left: 16px;
  }
  .roadmap-item.item-left:after {
    left: -3px;
  }
  .roadmap-item {
    font-size: 14px;
  }
}
/* ************************************************************/
/* **************     strategic partnerships      *************/
/* ************************************************************/

/*.partnershipLogos > div > p{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 40px;
  align-items: end;
}
.partnershipLogos img {
  max-height: 60px;
  width: auto;
}*/

.partnershipLogos > div > p{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.partnershipLogos img {
  margin-right: 50px;
  margin-bottom: 25px;
}

.strategic_partners{
	text-align: center;
	padding: 0 !important;
}

.strategic_partners .et_pb_image_sticky{
	margin-bottom: -30px !important;
}

.strategic_partners .et_pb_image_sticky.partner-last{
	margin-bottom: 0 !important;
}

.strategic_partners img{
	width: 75%;
}

@media screen and (max-width: 768px) {
  .partnershipLogos img {
    max-width: 110px;
    margin-right: 16px;
  }
}

.participate-blurb .et_pb_column_1_3 {
    min-height: 160px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
    display: flex;
    justify-content:  center;
    align-items: center;
    padding: 24px;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
}

/*********************************
    TITLES
********************************/

.title-underline h2{
  position: relative;
  margin-bottom: 80px;
  font-size: 42px;
}

.title-underline h2:after {
  content: "";
  height: 6px;
  width: 85px;
  background-color: #2196f3;
  position: absolute;
  left: 0px;
  bottom: -30px;
  margin-left: 50%;
  transform: translate(-50%);
}

.title-underline.underline-left
 h2:after{
  margin-left: 0;
  transform: translate(0);
}

.sk-openapi .title-underline h2:after {
  background-color: #b22016;
}


@media screen and (max-width: 981px) {
  .title-underline h2 {
    font-size: 32px;
  }
}



/*********************************
   Something?
********************************/
.gridSection {
  display: flex;
  flex-direction: row;
}

.gridSection div {
  flex-direction: row;
}


/*********************************
   CTA
********************************/
.cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.cta > div > div {
  overflow: hidden;
  position: relative;
}

.cta > div:first-child {
    margin-right: 8px;
}
.ctaTitle p {
  max-width: 600px;
  margin: 0 auto;
}

.cta p {
  max-height: 220px;
}



.cta > div:first-child {
    width: 100%;
    padding-right: 8px;
}
.cta > div:last-child {
    width: 100%;
    margin: 0;
    padding-right: 8px;
}
.cta a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width:60%;
}
.cta img {
    width: 100%;
    transition: all 250ms cubic-bezier(0.85, 0.01, 0.46, 0.99);
}

.cta > div > div {
    margin-bottom: 8px !important;
}

@media screen and (max-width: 981px) {
    .cta {
        grid-template-columns: 1fr;
    }
    .cta > div:first-child {
      margin-bottom: 0;
    }
}

/* ==============================================
              CONTACT FORM
============================================== */
.wpcf7-recaptcha {
    margin-bottom:  24px;
}
.presaleForm {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 2;
  padding: 0;
  margin: 0;
  max-width: 100vw;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100vh;
}
.presaleForm.show {
  opacity: 1;
  margin-top: 0vh;
  transition: all 350ms ease-in-out;
  z-index: 9999999;
}
.presaleForm .et_pb_text_inner {
  max-width: 500px;
  margin: 0 auto;
}
.close {
  max-width: 32px;
  position: fixed;
  top: 32px;
  right: 32px;
  cursor: pointer;
}


.cf7md-admin-customize-message {
  display: none !important;
}

#cf7md-form .mdc-button--primary.mdc-button--raised {
  background-color: #fe1017;
}

/* ==============================================
              TABS
============================================== */

.et_pb_tabs {
    border: none;
}

.et_pb_tabs .et_pb_tabs_controls {
    font-size: 16px;
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
/*     justify-items: stretch !important; */
    background-color: transparent !important;
}

.et_pb_tabs .et_pb_tabs_controls li a {
    padding: 12px 16px;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
    width: 100% !important;
    display: block;
}
.et_pb_tabs .et_pb_tabs_controls li a:hover {
  background-color: rgba(0,0,0,0.08);
  transition: all .150ms ease-out;
}
.et_pb_tabs_controls li.et_pb_tab_active a {
    color: #2196f3 !important;
    background-color: rgba(0,0,0,0.10);
}
@media ( max-width: 768px ) {
  .et_pb_tabs .et_pb_tabs_controls {
      grid-template-columns: 1fr 1fr;
  }
}


@media ( max-width: 540px ) {
    .et_pb_tabs .et_pb_tabs_controls {
        grid-template-columns: 1fr;
    }
}


.skreviews {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
}
.skreviews p {
    padding: 0;
}


.skreviews a {
    border: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
    height: 100%;

}

.skreviews img {
    max-width: 120px;
}
.skvideoreviews a {
    padding: 0;
}

.skvideoreviews a img {
    max-width: 100%;
}

@media ( max-width: 976px ) {
    .skreviews {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media ( max-width: 768px ) {
    .skreviews {
        grid-template-columns: 1fr 1fr;
    }
}
@media ( max-width: 540px ) {
    .skreviews {
        grid-template-columns: 1fr;
    }
}


/* ==============================================
              FOOTER
============================================== */
#main-footer {
  background-color: #f8f9fb !important;
	border-top: 1px solid rgba(0,0,0,0.05) !important;
}
.title .rsswidget:last-child,
#main-footer .title {
  font-size: 16px;
  font-weight: 700 !important;
  color: black !important;
  font-family: 'Roboto Mono', 'Roboto', serif;
}
.title .rsswidget:last-child {
  pointer-events: none;
}
#footer-widgets {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
/*#footer-widgets > div {
  padding-right: 24px;
}*/

@media screen and (max-width: 981px) {
  #footer-widgets {
    grid-template-columns: 1fr 1fr;
  }
  #footer-widgets > div {
    margin-bottom: 32px !important;
  }
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
  width: 100% !important;
}

#footer-widgets .footer-widget li:before {
  display: none;
}
#main-footer .menu li,
#main-footer ul li {
  padding: 0 !important;
  line-height: 1.4;
}

#main-footer .menu li a,
#main-footer ul li a {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(0,0,0,0.5)   !important;
  transition: color .5 ease-in-out;
}
#main-footer .menu li a:hover,
#main-footer ul li a:hover {
  color: rgba(0,0,0,1)   !important;
}
#footer-bottom {
  display: none;
}

.title .rsswidget:first-child {
  display: none;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
    margin-bottom: 48px;
}

._sidemenu ul li.current_page_item a {
    color: #2196f3;
    font-weight: bold;
}
/* ==============================================
=================================================
    Whitepaper Styles
=================================================
============================================== */
.whitepaper img,
.whitepaper {
    margin: 0;
    padding: 0;
}

.whitepaper p:first-child:before {
    content:'';
    width: 100%;
    height: 280px;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    opacity: 0;
    transition: opacity .2s ease-in;
}
.whitepaper a {
    position: absolute;
    color: black;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    background-color: white;
    padding: 8px 16px;
    opacity: 0;
    transition: opacity .25s ease-in;
}

.whitepaper:hover a,
.whitepaper:hover p:first-child:before {
    opacity: 1 !important;
}

/* ==============================================
    Carousel Module
============================================== */
/*Hide the section overflow*/
.ds-carousel-section {
    width: 100%;
    overflow: hidden;
}

/*Set the row width*/
.ds-carousel-row {
    overflow: hidden;
    width: 1000vw;
    max-width: 1000vw;
}

@media all and (max-width: 1024px) {
/*Override Divi's width setting on tablets*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}

@media all and (max-width: 479px) {
/*Override Divi's width setting on mobiles*/
    .ds-carousel-section .ds-carousel-row {
        max-width: 1000vw !important;
    }
}

/*Style the navigation arrows*/
#ds-arrow-left,
#ds-arrow-right {
    color: #fff;
    background: gray;
    font-family: 'ETModules';
    font-size: 30px;
    padding: 5px 30px;
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/*Position the left arrow*/
#ds-arrow-left {
    float: right;
    margin-right: 5px;
}

/*Position the right arrow*/
#ds-arrow-right {
    float: left;
    margin-left: 5px;
}

/*Style navigation arrows on hover*/
#ds-arrow-left:hover,
#ds-arrow-right:hover {
    -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);
}

/*Style navigation arrows on click*/
#ds-arrow-left:active,
#ds-arrow-right:active {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}

/*Make sure the modules span their entire container*/
.ds-carousel-module .column {
    float: left;
    width: 100% !important;
    margin-right: 0 !important;
}

/*Set the module width*/
.ds-carousel-module {
    width: 20vw; /*Change this value to increase or decrease the module displayed per page*/
    padding: 0 30px;
    float: left;
    position: relative;
    margin-bottom: 0 !important;
}

/*Adjust for smaller screens*/
@media all and (max-width: 1024px) {
    /*Show 3 modules per page on tablets*/
    .ds-carousel-module {
        width: 33.33vw;
    }
    /*Align the navigation on smaller screens*/
    #ds-arrow-row .et_pb_column {
        width: 50% !important;
    }
}

@media all and (max-width: 479px) {
    /*Show 1 module per page on mobiles*/
    .ds-carousel-module {
        width: 100vw;
    }
}
 




/* ==============================================
=================================================
    Skrumble Blog Styles
=================================================
============================================== */
h1.entry-title {
  margin-bottom: 32px;
}
h2.entry-title {
  letter-spacing: -0.5px;
}
.c-light-black {
  color: rgba(0,0,0,0.5);
}
.entry_content .rt-reading-time {
  display: none !important;
}
.skblog-info {
  display: inline-block;
  margin-left: 16px;
}
.et_pb_post {
  margin-bottom: 30px;
}
.blog_entry {
  border-radius: 2px;
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
}

body.blog .widget_categories ul li,
body.post-template-default .widget_categories ul li{
  margin: 4px 3px;
  padding: 2px 6px;
  background-color: #f8f9fb;

  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.author_info {
  margin-bottom: 16px;
}
.blog_entry .author_info img {
  border-radius: 50%;
  vertical-align: top !important;
  max-width: 50px;
}
.blog_entry .author_info .post-meta {
  display:inline-block;
  padding: 0 !important;
  margin: 0;
}
.blog_entry .author_info .post_author a,
.blog_entry .author_info .post_categories a{
  color: #2196F3 !important;
  font-size: 14px;
}
.blog_entry .author_info .post_author a:hover,
.blog_entry .author_info .post_categories a:hover{
  color: #90CAF9 !important;
}

.blog_meta{
  color: #999;
  font-size: 14px;
  margin-bottom: 30px;
}

.blog_meta a{
  color: #999;
}

.blog_meta a:hover{
  color: #2196F3;
}

/* guerrilla */
.guerrillawrap {
  margin: 40px 0;
  border-radius: 2px;
  background-color: white;
  padding: 30px;
}
.guerrillawrap .guerrillagravatar {
  margin-right: 20px;
  vertical-align: middle;
}
.guerrillawrap .guerrillatext {
  display: inline-block;
}
.guerrillawrap img {
  border-radius: 50%;
  display: block;
}
#main-content .container:before {
  background-color: rgba(0, 0, 0, 0.05);
}
/* RIGHT SIDE BAR*/
.widgettitle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.0784314);
  margin: 20px 0;
  font-weight: bold;
  font-size: 14px;
}
.rsb_categories ul li {
  display: inline-block;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  padding: 0;
}
.rsb_categories ul li:hover {
  border: 1px solid rgba(0, 0, 0, 0.0784314);
}
.rsb_categories ul li a{
  font-size: 12px;
  padding: 5px;
  display:inline-block;
  line-height: normal;
}
.rsb_recent_posts ul li a {
  font-size: 14px;
  line-height: normal;
}
.widget_search input#s {
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.widget_search input#s:focus,
.widget_search input#searchsubmit:active,
.widget_search input#searchsubmit:hover {
  border: 1px solid #2196f3;
}
.widget_search input#searchsubmit {
  background-color: white;
  color: #2196f3;
  border: 1px solid rgba(0, 0, 0, 0.09);
}
body.blog .widget_categories ul li, body.post-template-default .widget_categories ul li {

}

body.blog .widget_recent_entries li:hover, body.post-template-default .widget_recent_entries li:hover {
  background-color: #f8f9fb;
}



.downloads .download-item {
    border-radius: 0px !important;
    background-color: white !important;
    border: 1px solid rgba(0,0,0,0.09);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1);
    padding: 30px;
}
.downloads i {
  text-align: center;
  font-size: 100px;
  display: block;
}
/******************** */
/* ANNOUNCEMENT BAR */
/* *******************/
/*.mtsnb-container-outer::after {
    background-image: url('../../uploads/2018/08/skfist.png');
    background-size: auto;
    background-repeat: repeat;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}*/

.mtsnb-container-outer{
  background-clip: border-box !important;
  background-size: cover !important;
  background: url('../../uploads/2019/05/Banner_BG.jpg') center no-repeat !important;
}

.mtsnb .mtsnb-container{
  padding: 25px 60px !important;
}

.mtsnb span{
  vertical-align: middle;
}

.mtsnb-button,
.mtsnb-text {
/*   font-family: 'kroftsmannregular', Helvetica, sanserif; */
  font-family: 'Roboto Mono', 'Roboto', serif;
  letter-spacing: 2px;
}

.mtsnb .mtsnb-button{
  font-size: .70rem;
  border-radius: 0;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase !important;
  font-family: 'Roboto', Helvetica, sans-serif;
}

/* ==============================================
              BLOG STYLE
============================================== */

.blog_carousel{
  padding: 0px !important;
}

.blog_carousel li.divi-carousel-item{
  padding: 1px;
  box-sizing: border-box;
}

.blog_carousel li.divi-carousel-item article{
  height: 420px;
  overflow: hidden;
  padding-bottom: 15px;
  outline: 1px solid rgba(0, 0, 0, .15);
}

.blog_carousel li.divi-carousel-item .car_pos_box.top,
.blog_carousel li.divi-carousel-item .car_pos_box.top img{
  height: 200px !important;
}


.blog_carousel li.divi-carousel-item h2,
.blog_carousel li.divi-carousel-item p{
  padding: 0 16px;
  box-sizing: border-box;
}

.blog_carousel li.divi-carousel-item h2{
  margin-bottom: 10px;
}
.blog_carousel li.divi-carousel-item h2+p{
  margin-bottom: 20px;
}

.blog_carousel li.divi-carousel-item h2{
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.latest_post .et_pb_post img 
{border: 1px solid #cccccc;
 }

.latest_post .et_pb_post h2 {font-size: 22px;
}


/* ==============================================
              PAGES
============================================== */
@media screen and (min-width: 1300px) {
  .ourTeam-intro {
    max-height: 560px;
    margin-bottom: 260px;
  }
}
@media screen and (max-width: 1300px) {
  .ourTeam-intro {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 700px) {
  .ourTeam-intro {
    margin-bottom: 0px;
  }
}

/* ==============================================
              MEDIA QUERIES
============================================== */
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 981px) {

}



/* Responsive Styles 782px */
@media screen and (max-width: 782px) {

}

@media only screen and (max-width: 768px) {
/*   h1,
  h2 {
    font-size: 32px;
  }

  h1 + p,
  h2 + p {
    font-size: 16px;
  } */

  .p-tb--150 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }


  .smdvc-ta--left {
    text-align: left !important;
    color: purple;
  }

}


/* MIN WIDTH 768x */
@media only screen and (min-width: 768px) {
}

@media all and (max-width: 479px) {

}